<template>
  <div class="system-menu-container">
    <div class="breadcrumb-box">
      <Breadcrumb/>
    </div>
    <div class="page-main">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>患者基本信息</span>
        </div>

        <el-descriptions class="margin-top" style="margin-top:30px" title="" :column="3" size="" border>
          <el-descriptions-item label="姓名:">
            {{ state.queryData.name }}
          </el-descriptions-item>
          <el-descriptions-item label="手机号:">
            {{ state.queryData.phone }}
          </el-descriptions-item>

          <el-descriptions-item label="手术名称:">
            {{ state.queryData.operation_name }}
          </el-descriptions-item>
          <el-descriptions-item label="麻醉:">
            {{ state.queryData.anesthesiaMode }}
          </el-descriptions-item>

          <el-descriptions-item label="手术时间:">
            {{ state.queryData.operate_time }}

            <span v-if="state.queryData.leave_day >0">
              (已出院{{ state.queryData.leave_day }}天)
            </span>
          </el-descriptions-item>
        </el-descriptions>
      </el-card>

      <el-tabs v-model="state.active" type="card" style="margin-top:20px;">
        <el-tab-pane label="人工随访" name="first">
          <artificial_record></artificial_record>
        </el-tab-pane>
        <el-tab-pane label="智能随访" name="second">
          <ai_record></ai_record>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script setup name="systemDic">
import {ElMessageBox, ElMessage} from 'element-plus';
import {RecordLogApi} from "/@/api/record/log";
import {formatTimestamp} from "/@/utils/timeUtil";
import {useRouter} from 'vue-router';
import {onBeforeMount} from "vue";
import ai_record from "/@/views/intelligentOutbound/record/components/ai_record.vue";
import artificial_record from "/@/views/intelligentOutbound/record/components/artificial_record.vue";

// 引入组件
const Breadcrumb = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/breadcrumb.vue'));
const router = useRouter();
const route = useRoute();

// 定义变量内容
const state = reactive({
  queryData: {},
  active:"first"
});

// 初始化表格数据
const getTableData = () => {

};


onBeforeMount(() => {
  state.queryData = route.query
  console.log(state.queryData)
})
// 页面加载时
onMounted(() => {
});
</script>
